@charset "utf-8";

body {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    padding: 0;
    margin: 0 auto;
    font-size: .16rem;
    line-height: .24rem;
    color: #333;
    width: 100%;
    min-width: 320px;
    zoom: 1;
    background-color: #fff;
    word-break: break-word
}

html {
    -webkit-text-size-adjust: 100%;
    font-size: 100px
}

body,
input,
pre,
select,
th,
td,
textarea {
    font-family: 'Noto Sans SC',-apple-system,BlinkMacSystemFont,"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
    font-size: 0.16rem
}

ul,
ol {
    list-style: revert
}

    ul > li {
        list-style: revert
    }

    ol > li {
        list-style: revert
    }

.ul,
.ol,
.ul > li,
.ol > li {
    list-style: none
}

.align-center {
    text-align: center
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

@media (max-width:1300px) {
    html {
        font-size: 7.32064vw
    }
}

@media (max-width:1024px) {
    html {
        font-size: 9vw
    }
}

@media (max-width:640px) {
    html {
        font-size: 20vw
    }
}

.qui-ibox {
    width: .08rem;
    height: .08rem;
    display: flex;
    align-items: center;
    justify-content: center
}

    .qui-ibox img {
        max-height: 100%
    }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
    padding: 0;
    margin: 0
}

p {
    min-height: 4px
}

em,
i {
    font-style: normal
}

*,
:before,
:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    word-break: break-word;
    outline: 0
}

table {
    word-break: break-word;
    border-collapse: collapse;
    max-width: 100%
}

    table td {
        padding: 10px;
        border: 1px solid #eee
    }

video {
    max-width: 100%
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999;
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999
}

.ul,
.ul > li,
.dl,
.dl > dd,
.dl > dt {
    list-style: none;
    font-weight: normal
}

input:focus {
    outline: none
}

input,
button,
select,
textarea {
    background: none;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #333;
    outline: none;
    resize: none
}

canvas {
    display: block
}

img {
    border: none;
    border: 0;
    vertical-align: top;
    max-width: 100%;
    height: auto !important
}

a,
a:focus {
    color: #666;
    text-decoration: none;
    cursor: pointer
}

    a:hover {
        color: #0c747f
    }

    a,
    a:hover {
        outline: none;
        text-decoration: none;
        -webkit-transition: all 0.25s linear 0.01s;
        transition: all 0.25s linear 0.01s
    }

.qui-warp {
    max-width: 14.4rem;
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.qui-warp1600 {
    max-width: 16rem;
    width: 96%;
    margin-left: auto;
    margin-right: auto
}

.qui-main-box {
    padding: .8rem 0
}

.qui-clear {
    clear: both;
    height: 0;
    overflow: hidden
}

.qui-clearfix {
    zoom: 1
}

    .qui-clearfix:after {
        content: '';
        display: block;
        height: 0;
        visibility: hidden;
        clear: both
    }

.qui-tabfix {
    zoom: 1
}

    .qui-tabfix:after {
        content: '';
        display: table;
        width: 100%
    }

.qui-ytable {
    display: table;
    width: 100%;
    table-layout: fixed
}

.qui-ytable-cell {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden
}

    .qui-ytable-cell img {
        max-height: 100%
    }

pre,
.qui-ts {
    white-space: pre-line
}

.qui-tss {
    white-space: pre-wrap
}

.qui-tl {
    text-align: left !important
}

.qui-tr {
    text-align: right !important
}

.qui-tc {
    text-align: center !important
}

.qui-tj {
    text-align: justify !important
}

.qui-fl {
    float: left !important
}

.qui-fr {
    float: right !important
}

.qui-text {
    display: block;
    line-height: .42rem;
    height: .42rem;
    width: 100%;
    border: 1px solid #eee;
    padding: 0 .2rem
}

.qui-ds-inb {
    display: inline-block;
    vertical-align: top;
    *zoom: 1;
    *display: inline
}

.qui-ds-none {
    display: none
}

.qui-ovh {
    overflow: hidden
}

.qui-dot,
.qui-dot2,
.qui-dot3,
.qui-dot4,
.qui-dot5,
.qui-dot6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.qui-dot {
    -webkit-line-clamp: 1
}

.qui-dot2 {
    -webkit-line-clamp: 2
}

.qui-dot3 {
    -webkit-line-clamp: 3
}

.qui-dot4 {
    -webkit-line-clamp: 4
}

.qui-dot5 {
    -webkit-line-clamp: 5
}

.qui-dot6 {
    -webkit-line-clamp: 6
}

.qui-pic {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transform: rotate(0deg)
}

    .qui-pic img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        display: block;
        min-height: 100%
    }

.qui-abox {
    position: relative;
    height: 0;
    padding-bottom: 66.6666667%;
    overflow: hidden
}

    .qui-abox img {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        left: 50%;
        top: 50%;
        -webkit-transform: translateY(-50%) translateX(-50%)
    }

.qui-col-df {
    color: #0c747f !important
}

.qui-col-cc {
    color: #ccc !important
}

.qui-col-00 {
    color: #000 !important
}

.qui-col-33 {
    color: #333 !important
}

.qui-col-66 {
    color: #666 !important
}

.qui-col-99 {
    color: #999 !important
}

.qui-col-ff {
    color: #fff !important
}

.qui-col-red {
    color: red !important
}

.qui-bg-black70 {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none;
    background: rgba(0,0,0,.7)
}

.qui-bg-ff {
    background-color: #fff !important
}

.qui-bg-f8 {
    background-color: #f8f8f8 !important
}

.qui-bg-f5 {
    background-color: #f5f5f5 !important
}

.qui-bg-f7f8fa {
    background-color: #f7f8fa !important
}

.qui-fs12 {
    font-size: .12rem !important
}

.qui-fs14 {
    font-size: .14rem !important
}

.qui-fs16 {
    font-size: .16rem !important
}

.qui-fs18 {
    font-size: .18rem !important
}

.qui-fs20 {
    font-size: .20rem !important
}

.qui-fs22 {
    font-size: .22rem !important
}

.qui-fs24 {
    font-size: .24rem !important
}

.qui-fs26 {
    font-size: .26rem !important
}

.qui-fs28 {
    font-size: .28rem !important
}

.qui-fs30 {
    font-size: .30rem !important
}

.qui-fs32 {
    font-size: .32rem !important
}

.qui-fs34 {
    font-size: .34rem !important
}

.qui-fs36 {
    font-size: .36rem !important
}

.qui-fs38 {
    font-size: .38rem !important
}

.qui-fs40 {
    font-size: .40rem !important
}

.qui-fs42 {
    font-size: .42rem !important
}

.qui-pad2 {
    padding: 2% !important
}

.qui-pad3 {
    padding: 3% !important
}

.qui-pad20 {
    padding: .20rem !important
}

.qui-pad30 {
    padding: .30rem !important
}

.qui-pad40 {
    padding: .40rem !important
}

.qui-mar-t10 {
    margin-top: .10rem !important
}

.qui-mar-t20 {
    margin-top: .20rem !important
}

.qui-mar-t30 {
    margin-top: .30rem !important
}

.qui-mar-t40 {
    margin-top: .40rem !important
}

.qui-mar-b10 {
    margin-bottom: .10rem !important
}

.qui-mar-b20 {
    margin-bottom: .20rem !important
}

.qui-mar-b30 {
    margin-bottom: .30rem !important
}

.qui-mar-b40 {
    margin-bottom: .40rem !important
}

.qui-mar-l10 {
    margin-left: .10rem !important
}

.qui-mar-l20 {
    margin-left: .20rem !important
}

.qui-mar-l30 {
    margin-left: .30rem !important
}

.qui-mar-l40 {
    margin-left: .40rem !important
}

.qui-mar-r10 {
    margin-right: .10rem !important
}

.qui-mar-r20 {
    margin-right: .20rem !important
}

.qui-mar-r30 {
    margin-right: .30rem !important
}

.qui-mar-r40 {
    margin-right: .40rem !important
}

.qui-mar-t2 {
    margin-top: 2% !important
}

.qui-mar-t3 {
    margin-top: 3% !important
}

.qui-mar-t4 {
    margin-top: 4% !important
}

.qui-flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.qui-fw-w {
    flex-wrap: wrap !important
}

.qui-fw-nw {
    flex-wrap: nowrap !important
}

.qui-jc-fs {
    justify-content: flex-start !important
}

.qui-jc-fe {
    justify-content: flex-end !important
}

.qui-jc-fc {
    justify-content: center !important
}

.qui-fd-c {
    flex-direction: column !important
}

.qui-ai-fs {
    align-items: flex-start !important
}

.qui-ai-fe {
    align-items: flex-end !important
}

.qui-ai-fc {
    align-items: center !important
}

.qui-flex-a {
    flex: auto !important
}

.qui-flex-1 {
    flex: 1 !important
}

.qui-flex-0 {
    flex-shrink: 0 !important
}

.qui-gdt::-webkit-scrollbar {
    width: 5px;
    height: 5px
}

.qui-gdt::-webkit-scrollbar-track {
    background-color: #f2f2f2
}

.qui-gdt::-webkit-scrollbar-thumb {
    background-color: #0c747f;
    border-radius: 2.5px
}

    .qui-gdt::-webkit-scrollbar-thumb:hover {
        background-color: #0c747f;
        border-radius: 2.5px
    }

    .qui-gdt::-webkit-scrollbar-thumb:active {
        background-color: #0c747f;
        border-radius: 2.5px
    }

.qui-hover {
    display: block;
    -webkit-transform: rotate(0deg);
    overflow: hidden
}

.qui-img {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

a:hover .qui-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

a:hover .qui-abox .qui-img {
    -webkit-transform: scale(1.1) translateX(-50%) translateY(-50%);
    transform: scale(1.1) translateX(-50%) translateY(-50%)
}

.qui-hover:hover .qui-img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.qui-imgbg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

a:hover .qui-imgbg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.qui-hover:hover .qui-imgbg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.qui-imgbgn {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.qui-top-boxH {
    height: 1.2rem
}

.qui-top-box {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 92;
    box-shadow: 0 0 .05rem rgba(0,0,0,.05)
}

    .qui-top-box .qui-logo img {
        display: block;
        max-height: .56rem !important
    }

    .qui-top-box .qui-logo2 img {
        display: block;
        max-height: .6rem !important
    }

    .qui-top-box .qui-logo2 {
        padding-left: .2rem;
        margin-left: .2rem;
        position: relative
    }

        .qui-top-box .qui-logo2:after {
            content: '';
            width: .01rem;
            height: .5rem;
            background: #e5e5e5;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -.25rem
        }

    .qui-top-box .quitopbox .quill {
        display: flex;
        align-items: center
    }

    .qui-top-box .qui-ssbox {
        position: relative;
        width: .9rem;
        margin-left: .3rem;
        height: .4rem;
        z-index: 2
    }

    .qui-top-box .qui-search-box {
        position: absolute;
        width: 100%;
        right: 0;
        top: 0;
        -webkit-transition: all .4s ease-out
    }

        .qui-top-box .qui-search-box .qui-text {
            padding: 0 .44rem 0 .15rem;
            border: 0;
            border-radius: .4rem;
            height: .4rem;
            line-height: .4rem;
            background: linear-gradient(to right,#2497a3,#81d8cf);
            color: #fff
        }

            .qui-top-box .qui-search-box .qui-text:focus {
                border-color: #0c747f
            }

        .qui-top-box .qui-search-box .qui-ss-btn {
            position: absolute;
            width: .44rem;
            height: 100%;
            top: 0;
            right: 0;
            background: url('../images/ico_ss.svg') center no-repeat;
            z-index: 1;
            background-size: auto .16rem
        }

        .qui-top-box .qui-search-box input:-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .qui-top-box .qui-search-box input::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .qui-top-box .qui-search-box input:-ms-input-placeholder {
            color: #fff
        }

        .qui-top-box .qui-search-box input::-webkit-input-placeholder {
            color: #fff
        }

        .qui-top-box .qui-search-box.on {
            width: 2.2rem
        }

    .qui-top-box .quitopbox .quirr {
        display: flex;
        align-items: center
    }

    .qui-top-box .quilan {
        width: .26rem;
        height: .26rem;
        background: url(../images/ico_lan.svg) center no-repeat;
        background-size: auto .26rem
    }

.qui-top-nav .ULLIST {
    display: flex;
    align-items: center
}

    .qui-top-nav .ULLIST > li {
        margin: .22rem .05rem
    }

        .qui-top-nav .ULLIST > li > a {
            display: block;
            line-height: .4rem;
            text-align: center;
            font-size: .18rem;
            color: #333;
            padding: 0 .2rem;
            border-radius: .4rem
        }

        .qui-top-nav .ULLIST > li:hover > a,
        .qui-top-nav .ULLIST > li.on > a {
            color: #fff;
            background: linear-gradient(to right,#2497a3,#81d8cf)
        }

    .qui-top-nav .ULLIST > li {
        position: relative
    }

.qui-submenu {
    position: absolute;
    width: 100%;
    min-width: 1.2rem;
    left: 50%;
    top: 100%;
    background: rgba(255,255,255,.95);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    display: none;
    font-size: .15rem;
    z-index: 10
}

    .qui-submenu > dd > a {
        display: block;
        padding: .1rem;
        text-align: center;
        border-bottom: 1px solid #eee
    }

        .qui-submenu > dd > a:hover {
            color: #0c747f;
            border-color: #0c747f
        }

.qui-ban img {
    width: 100%;
    display: block
}

.qui-ban .qui-wap {
    display: none
}

.quiShareImg {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    display: none
}

    .quiShareImg .quitxt {
        margin-bottom: 6px
    }

.Pages {
    zoom: 1;
    overflow: hidden;
    text-align: center;
    padding: .6rem 0 0;
    font-size: 0;
    line-height: 0
}

    .Pages * {
        display: inline-block;
        vertical-align: top;
        font-weight: normal;
        font-style: normal
    }

    .Pages a {
        font-size: .16rem;
        min-width: .5rem;
        height: .5rem;
        line-height: .5rem;
        text-align: center;
        background: #f5f5f5;
        padding: 0 .1rem;
        margin: 0 .025rem;
        overflow: hidden;
        border-radius: .03rem;
        color: #888
    }

        .Pages a:hover,
        .Pages a.a_cur {
            background: linear-gradient(to right,#2497a3,#81d8cf);
            color: #fff
        }

        .Pages a.a_prev,
        .Pages a.a_next {
            font-family: '宋体';
            font-weight: bold;
            min-width: .8rem;
            margin: 0 .15rem
        }

.qui-nav-btn {
    display: none
}

.qui-wap-bg {
    display: none
}

.qui-body-ovh {
    overflow: hidden
}

.qui-welcome {
    background: #f5f5f5;
    font-size: .14rem;
    line-height: .26rem;
    padding: .05rem 0
}

    .qui-welcome a {
        color: #888
    }

    .qui-welcome .quia {
        padding-left: .26rem;
        margin-left: .5rem;
        background: left center no-repeat;
        background-size: auto .14rem
    }

    .qui-welcome .quia1 {
        background-image: url(../images/ico_tel.svg)
    }

    .qui-welcome .quia2 {
        background-image: url(../images/ico_em.svg)
    }

.qui-footer {
    background: #f5f5f5
}

    .qui-footer a {
    }

        .qui-footer a:hover {
            text-decoration: underline !important;
            color: #0c747f !important
        }

.qui-footer3 {
    text-align: center;
    line-height: .26rem;
    color: #888;
    padding: .4rem 0
}

    .qui-footer3 a {
        color: #888
    }

.qui-footer1 {
    padding: .8rem 0 1.3rem;
    border-bottom: 1px solid #e5e5e5;
    display: flex
}

    .qui-footer1 > .quill {
        flex: 1;
        display: flex
    }

    .qui-footer1 > .quirr {
        flex-shrink: 0;
        display: flex
    }

    .qui-footer1 .quicode {
        width: 1.3rem;
        color: #888;
        text-align: center;
        line-height: .2rem;
        margin-left: .4rem
    }

        .qui-footer1 .quicode img {
            display: block;
            width: 100%;
            margin-bottom: .16rem
        }

    .qui-footer1 .DLLIST {
        max-width: 1.8rem;
        padding-right: .15rem
    }

        .qui-footer1 .DLLIST:not(:last-child) {
            margin-right: .8rem
        }

        .qui-footer1 .DLLIST dt {
            color: #333;
            font-size: .18rem;
            margin-bottom: .2rem
        }

        .qui-footer1 .DLLIST a {
            color: #888
        }

        .qui-footer1 .DLLIST dd {
            line-height: .2rem;
            padding: .1rem 0
        }

.qui-footer2 {
    color: #666;
    padding: .5rem 0 .4rem;
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between
}

    .qui-footer2 .DLLIST {
        padding-right: .15rem;
        max-width: 25%
    }

        .qui-footer2 .DLLIST dt {
            color: #0c747f;
            font-weight: bold;
            margin-bottom: .14rem
        }

.qui-menuloc {
    border-top: .01rem solid rgba(255,255,255,.2);
    margin-top: -.81rem;
    position: relative;
    z-index: 10
}

.qui-locbox {
    flex-shrink: 0;
    line-height: .3rem;
    padding: .25rem 0;
    color: #fff;
    display: flex;
    padding-left: .22rem;
    background: url(../images/ico_home.png) left center no-repeat;
    background-size: auto .12rem
}

    .qui-locbox a {
        color: #fff;
        padding-right: .4rem;
        position: relative
    }

        .qui-locbox a:after {
            content: '>';
            position: absolute;
            right: .16rem;
            top: 0;
            font-weight: bold;
            font-family: '宋体'
        }

        .qui-locbox a:hover {
            text-decoration: underline
        }

.qui-menu {
    flex: 1
}

    .qui-menu .ULLIST {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }

        .qui-menu .ULLIST > li {
            margin-right: .8rem
        }

            .qui-menu .ULLIST > li > a {
                display: block;
                line-height: .3rem;
                padding: .25rem 0;
                position: relative;
                color: #fff
            }

                .qui-menu .ULLIST > li > a:after {
                    width: 100%;
                    left: 50%;
                    bottom: 0;
                    -webkit-transform: translateX(-50%);
                    height: .04rem;
                    background: transparent;
                    content: '';
                    position: absolute
                }

            .qui-menu .ULLIST > li:hover > a:after,
            .qui-menu .ULLIST > li.on > a:after {
                background: linear-gradient(to right,#2497a3,#81d8cf)
            }

.qui-floatbox {
    position: fixed;
    z-index: 90;
    right: .2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    box-shadow: 0 0 .2rem rgba(153,153,153,.3);
    border-radius: .2rem;
    background: #fff;
    width: .6rem
}

    .qui-floatbox .li {
        position: relative
    }

        .qui-floatbox .li .quia {
            display: block;
            height: .6rem;
            background: center no-repeat;
            background-size: auto .2rem
        }

    .qui-floatbox .quibox {
        position: absolute;
        right: 100%;
        top: 0;
        width: 1.4rem;
        background: #fff;
        border-radius: .1rem;
        margin-right: .05rem;
        box-shadow: 0 0 .2rem rgba(153,153,153,.2);
        display: none;
        text-align: center;
        padding: .1rem
    }

        .qui-floatbox .quibox:after {
            content: '';
            width: .05rem;
            position: absolute;
            left: 100%;
            top: 0;
            height: 100%
        }

        .qui-floatbox .quibox.quicode img {
            display: block;
            width: 100%
        }

    .qui-floatbox .li1 .quia {
        background-image: url(../images/rr_ico1.svg)
    }

    .qui-floatbox .li2 .quia {
        background-image: url(../images/rr_ico2.svg);
        background-size: auto .16rem
    }

    .qui-floatbox .li3 .quia {
        background-image: url(../images/rr_ico3.svg)
    }

    .qui-floatbox .li4 .quia {
        background-image: url(../images/rr_ico4.svg);
        background-size: auto .24rem
    }

    .qui-floatbox .li5 .quia {
        background-image: url(../images/rr_ico5.svg);
        background-size: 100% 100%
    }

    .qui-floatbox .li .quibox.quiem {
        width: 1.8rem;
        padding: .15rem .1rem
    }

        .qui-floatbox .li .quibox.quiem a {
            color: #333
        }

    .qui-floatbox .li:hover .quibox {
        display: block
    }

.qui-news-list .ULLIST .li:last-child {
    margin-bottom: 0
}

.qui-news-list .ULLIST .li {
    margin-bottom: .2rem
}

    .qui-news-list .ULLIST .li .qui-hover {
        display: flex;
        padding: .4rem 2.2rem .4rem .6rem;
        background: #f5f5f5
    }

    .qui-news-list .ULLIST .li .quiimg {
        flex-shrink: 0;
        width: 3rem;
        margin-right: .6rem
    }

    .qui-news-list .ULLIST .li .qui-pic {
        padding-bottom: 2rem;
        border-radius: .1rem
    }

    .qui-news-list .ULLIST .li .quiinfo {
        border-right: .01rem solid #e5e5e5;
        padding-right: 1.1rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex: 1;
        align-items: flex-start
    }

    .qui-news-list .ULLIST .li .quitt {
        font-size: .2rem;
        color: #333;
        -webkit-transition: all .4s ease-out;
        width: 100%
    }

    .qui-news-list .ULLIST .li .quitxt {
        font-size: .16rem;
        color: #666;
        line-height: .28rem;
        margin: .24rem 0 .34rem;
        text-align: justify;
        width: 100%
    }

    .qui-news-list .ULLIST .li time {
        position: absolute;
        right: 0;
        width: 2.2rem;
        text-align: center;
        color: #0c747f;
        font-size: .18rem
    }

        .qui-news-list .ULLIST .li time * {
            display: block
        }

        .qui-news-list .ULLIST .li time em {
            font-size: .52rem;
            line-height: .8;
            margin-bottom: .14rem
        }

    .qui-news-list .ULLIST .li .qui-hover:hover .quitt {
        color: #0c747f
    }

.qui-more-all {
    display: inline-block;
    vertical-align: top;
    min-width: 1.4rem;
    text-align: center;
    line-height: .5rem;
    border-radius: .5rem;
    color: #fff !important;
    background: linear-gradient(to right,#2497a3,#81d8cf);
    padding: 0 .2rem;
    font-size: .16rem;
    flex-shrink: 0
}

    .qui-more-all i {
        display: inline-block;
        vertical-align: top;
        padding-right: .3rem;
        background: url(../images/ico_back.svg) right center no-repeat;
        background-size: auto .12rem
    }

.qui-more-all2 {
    background: #fff;
    color: #888 !important
}

    .qui-more-all2 i {
        background-image: url(../images/ico_back2.svg)
    }

    .qui-more-all2:hover {
        background: linear-gradient(to right,#2497a3,#81d8cf);
        color: #fff
    }

        .qui-more-all2:hover i {
            background-image: url(../images/ico_back.svg)
        }

.qui-more-all:hover {
    box-shadow: 0 .04rem .1rem rgba(0,0,0,.3)
}

.qui-news-list .ULLIST .li .qui-more-all {
    font-size: .14rem;
    -webkit-transition: all .4s ease-out
}

    .qui-news-list .ULLIST .li .qui-more-all:hover {
        color: #fff !important
    }

.qui-search-result .quidivtop {
    display: flex;
    align-items: center;
    margin-bottom: .5rem
}

    .qui-search-result .quidivtop .quill {
        flex: 1;
        padding-right: .2rem;
        color: #555;
        font-size: .2rem;
        line-height: 1.4
    }

    .qui-search-result .quidivtop .quirr {
        flex-shrink: 0;
        max-width: 6rem;
        width: 100%
    }

.qui-search-box22 {
    position: relative
}

    .qui-search-box22 .quibtn {
        width: .8rem;
        position: absolute;
        right: 0;
        top: 0;
        background: url(../images/ico_ss2.svg) center no-repeat;
        background-size: auto .2rem;
        height: 100%
    }

    .qui-search-box22 .qui-text {
        background: #f5f5f5;
        line-height: .6rem;
        height: .6rem;
        padding: 0 .8rem 0 .3rem;
        font-size: .18rem;
        border-radius: .6rem;
        border: 0
    }

.qui-search-result .quitabtt {
    border-bottom: .02rem solid #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .4rem
}

    .qui-search-result .quitabtt .quia {
        color: #555;
        font-size: .18rem;
        margin-right: .5rem;
        padding-bottom: .15rem;
        border-bottom: .02rem solid transparent;
        margin-bottom: -.02rem
    }

        .qui-search-result .quitabtt .quia.on {
            color: #0c747f;
            border-color: #0c747f;
            font-weight: bold
        }

.qui-search-list .ULLIST .li:not(:last-child) {
    margin-bottom: .4rem
}

.qui-search-list .ULLIST .li .qui1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

.qui-search-list .ULLIST .li time {
    color: #888;
    font-size: .14rem;
    flex-shrink: 0;
    padding-left: .2rem
}

.qui-search-list .ULLIST .li .quitt {
    flex: 1;
    font-size: .2rem;
    color: #333;
    font-weight: bold;
    position: relative
}

.qui-search-list .ULLIST .li .quitxt {
    color: #999;
    line-height: .28rem;
    text-align: justify;
    padding-right: 2.3rem;
    margin-top: .2rem
}

.qui-search-list .ULLIST .li .qui-hover {
    padding-left: .2rem
}

.qui-search-list .ULLIST .li .qui1:after {
    content: '';
    width: .03rem;
    height: .03rem;
    position: absolute;
    left: -.2rem;
    top: 50%;
    margin-top: -.015rem;
    background: #333;
    border-radius: 50%
}

.qui-search-list .ULLIST .li .qui-hover:hover .quitt {
    text-decoration: underline
}

.qui-name-all {
    margin-bottom: .25rem;
    text-align: center;
    color: #e5e5e5;
    font-weight: bold;
    font-size: .18rem;
    line-height: 1.2;
    text-transform: uppercase
}

    .qui-name-all .quicn {
        font-size: .4rem;
        color: #333
    }

    .qui-name-all .quien {
        margin-top: .1rem;
        font-style: italic
    }

.qui-joblist .ULLIST .li:last-child {
    margin-bottom: 0
}

.qui-joblist .ULLIST .li {
    margin-bottom: .1rem;
    background: #f5f5f5;
    border-radius: .1rem;
    font-size: .18rem
}

    .qui-joblist .ULLIST .li .qui-ytable {
        text-align: center;
        cursor: pointer
    }

    .qui-joblist .ULLIST .li.liTop {
        background: linear-gradient(to right,#2497a3,#81d8cf);
        color: #fff;
        font-weight: bold;
        font-size: .2rem;
        padding: .1rem 0
    }

        .qui-joblist .ULLIST .li.liTop .quidivbox1 {
            cursor: default
        }

    .qui-joblist .ULLIST .li .quidivbox1 {
        line-height: .3rem;
        padding: .25rem .4rem
    }

    .qui-joblist .ULLIST .li .quidivbox2 {
        border-top: 1px solid #ddd;
        padding: .4rem 0;
        margin: 0 .4rem;
        font-size: .16rem;
        color: #555;
        line-height: .28rem;
        display: none
    }

        .qui-joblist .ULLIST .li .quidivbox2 p {
            min-height: .2rem
        }

    .qui-joblist .ULLIST .li .qui1 {
        text-align: left;
        width: 22.0588235294%
    }

    .qui-joblist .ULLIST .li .qui4 {
        width: 22.0588235294%
    }

    .qui-joblist .ULLIST .li .qui-ytable-cell {
        padding-right: .15rem
    }

    .qui-joblist .ULLIST .li .qui6 {
        width: .6rem;
        padding-right: 0
    }

    .qui-joblist .ULLIST .li .qui-more-all {
        margin-top: .3rem
    }

    .qui-joblist .ULLIST .li .quia {
        width: .2rem;
        height: .2rem;
        background: url(../images/arr_r.svg) center no-repeat;
        background-size: auto .16rem;
        display: inline-block;
        vertical-align: middle
    }

    .qui-joblist .ULLIST .li.on .quia {
        transform: rotate(90deg)
    }

.qui-product-list .ULLIST {
    display: flex;
    flex-wrap: wrap;
    margin: -.1rem
}

    .qui-product-list .ULLIST .li {
        width: 33.333333%;
        padding: .1rem
    }

        .qui-product-list .ULLIST .li .qui-hover {
            background: #f5f5f5;
            border-radius: .2rem
        }

        .qui-product-list .ULLIST .li .qui-pic {
            padding-bottom: 68.1818181818%
        }

        .qui-product-list .ULLIST .li .quiinfo {
            padding: .3rem 1rem .3rem .3rem;
            position: relative
        }

            .qui-product-list .ULLIST .li .quiinfo .quill {
                border-right: 1px solid #e5e5e5;
                padding-right: .5rem;
                text-align: justify
            }

        .qui-product-list .ULLIST .li .quitxt {
            line-height: .28rem;
            color: #555
        }

        .qui-product-list .ULLIST .li .quitt {
            font-size: .2rem;
            color: #0c747f;
            margin-bottom: .1rem
        }

        .qui-product-list .ULLIST .li .quiem {
            position: absolute;
            right: .4rem;
            width: .6rem;
            height: .3rem;
            background: url(../images/ico_back2.svg) right center no-repeat;
            background-size: auto .12rem;
            top: 50%;
            margin-top: -.15rem
        }

.qui-menuloc33 {
    margin-bottom: .3rem
}

    .qui-menuloc33 .ULLIST {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap
    }

        .qui-menuloc33 .ULLIST > li {
            margin: 0 .05rem .1rem
        }

            .qui-menuloc33 .ULLIST > li > a {
                display: block;
                color: #555;
                font-size: .16rem;
                background: #f5f5f5;
                min-width: 2rem;
                padding: 0 .3rem;
                border-radius: .5rem;
                line-height: .5rem;
                text-align: center
            }

            .qui-menuloc33 .ULLIST > li.quiall > a {
                min-width: 1.2rem
            }

            .qui-menuloc33 .ULLIST > li:hover > a,
            .qui-menuloc33 .ULLIST > li.on > a {
                color: #fff;
                background: linear-gradient(to right,#2497a3,#81d8cf)
            }

.qui-pinkbox {
    padding-top: 0 !important
}

.qui-pinklist {
    background: #f9f9f9
}

    .qui-pinklist .ULLIST .li {
        display: flex
    }

        .qui-pinklist .ULLIST .li .quiimg {
            width: 45.8333333333%;
            flex-shrink: 0
        }

        .qui-pinklist .ULLIST .li .qui-pic {
            padding-bottom: 66.6666666667%
        }

        .qui-pinklist .ULLIST .li .quiinfo {
            flex: 1;
            padding-right: 2.4rem;
            padding-left: 1rem;
            position: relative;
            color: #555;
            font-size: .18rem;
            line-height: .28rem;
            text-align: justify;
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .qui-pinklist .ULLIST .li em {
            font-weight: bold;
            font-size: 1.6rem;
            -webkit-text-stroke: 1px #e5e5e5;
            color: transparent;
            position: absolute;
            right: 0;
            top: 0;
            line-height: .8
        }

    .qui-pinklist .ULLIST .li {
        padding: .5rem 0
    }

        .qui-pinklist .ULLIST .li:nth-child(even) {
            flex-direction: row-reverse
        }

            .qui-pinklist .ULLIST .li:nth-child(even) .quiinfo {
                padding-left: 0
            }

            .qui-pinklist .ULLIST .li:nth-child(even) em {
                right: .8rem
            }

        .qui-pinklist .ULLIST .li h3 {
            color: #0c747f;
            line-height: 1.2;
            font-size: .48rem
        }

        .qui-pinklist .ULLIST .li h4 {
            color: #333;
            line-height: 1.2;
            font-size: .28rem;
            margin: .14rem 0 .26rem
        }

        .qui-pinklist .ULLIST .li:first-child {
            padding-top: 0
        }

        .qui-pinklist .ULLIST .li:last-child {
            padding-bottom: 0
        }

.qui-msg-box {
    display: flex;
    justify-content: space-between
}

    .qui-msg-box > .quill {
        width: 4rem;
        flex-shrink: 0
    }

    .qui-msg-box > .quirr {
        width: calc(100% - 4.4rem)
    }

    .qui-msg-box .qui-name-all {
        text-align: left
    }

.quiaddrlist .ULLIST .li:not(:last-child) {
    margin-bottom: .1rem
}

.quiaddrlist .ULLIST .li .qui-libox {
    background: #f5f5f5;
    border-radius: .3rem;
    padding: .45rem .35rem;
    color: #666;
    line-height: .24rem
}

.quiaddrlist .ULLIST .li h3 {
    font-size: .2rem;
    color: #0c747f;
    font-weight: bold;
    margin-bottom: .1rem
}

.quiaddrlist .ULLIST .li:hover .qui-libox {
    background: linear-gradient(to right,#2497a3,#81d8cf)
}

    .quiaddrlist .ULLIST .li:hover .qui-libox * {
        color: #fff
    }

.qui-msg-box .quibox {
    padding: .45rem .5rem;
    background: #f5f5f5;
    border-radius: .3rem
}

.qui-form .li {
    margin-bottom: .2rem
}

.qui-form .quitt {
    color: #888;
    margin-bottom: .1rem;
    display: block;
    min-height: .24rem
}

.qui-form .qui-mst {
    color: #d9271b
}

.qui-form .layui-input,
.qui-form .layui-textarea {
    background: #fff;
    border-radius: .1rem;
    padding: 0 .2rem;
    padding-right: .3rem;
    line-height: .5rem;
    height: .5rem;
    border: 0 !important;
    font-size: .16rem
}

.qui-form .qui-text {
    background: #fff;
    border-radius: .1rem;
    padding: 0 .2rem;
    line-height: .5rem;
    height: .5rem;
    border: 0
}

.qui-form .quiflexbox {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.qui-form .li2 {
    width: calc(50% - .075rem)
}

.qui-form .li3 {
    width: calc(33.33333333% - .075rem)
}

.qui-form .li6 {
    width: calc(66.66666666% - .075rem)
}

.qui-form .quilast .li {
    margin-bottom: 0
}

.qui-form .quicode {
    cursor: pointer;
    height: .36rem !important
}

.qui-form textarea.qui-text {
    height: 2.5rem;
    line-height: .28rem;
    padding: .2rem
}

.qui-msg-box22 .qui-form textarea.qui-text {
    height: 1.5rem
}

.qui-msg-box .layui-form-select .layui-edge {
    right: .2rem;
    top: 50%;
    margin-top: -.06rem;
    width: .12rem;
    height: .12rem;
    border: 0;
    background: url(../images/arr_r2.svg) center right no-repeat;
    background-size: auto .12rem
}

.qui-msg-box .layui-form-selected .layui-edge {
    -webkit-transform: rotate(90deg)
}

.qui-product-info .quibox {
    overflow: hidden;
    position: relative
}

.qui-product-info {
    display: flex;
    background: #f5f5f5;
    border-radius: .2rem;
    overflow: hidden;
    align-items: center
}

    .qui-product-info > .quill {
        width: 62.5%;
        flex-shrink: 0
    }

    .qui-product-info > .quirr {
        flex: 1
    }

    .qui-product-info .quiinfo {
        padding: .3rem .6rem .3rem .5rem;
        text-align: justify
    }

    .qui-product-info > .quill .qui-abox {
        background: #dddaed
    }

    .qui-product-info > .quill .qui-pic {
        padding-bottom: 66.666666667%
    }

.swiper-pagination {
    position: absolute;
    width: 100%;
    z-index: 10;
    display: flex;
    bottom: .3rem !important;
    justify-content: center;
    align-items: flex-end
}

    .swiper-pagination .swiper-pagination-bullet {
        width: .14rem;
        height: .14rem;
        border: .03rem solid #fff;
        background: transparent;
        opacity: 1;
        margin: 0 .1rem !important
    }

        .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            background: #0c747f;
            border-color: #0c747f !important
        }

.qui-product-info .quitxt {
    font-size: .18rem;
    color: #555;
    line-height: 1.77777777778;
    margin: .1rem 0 .45rem
}

.qui-product-info .quitxt2 {
    font-size: .16rem;
    color: #0c747f;
    line-height: 1.875;
    margin: .1rem 0 0
}

.qui-product-info .quitt {
    font-size: .24rem;
    font-weight: bold;
    line-height: 1.4
}

.qui-product-info .quiem {
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    font-size: .18rem;
    padding: 0 .26rem;
    line-height: .4rem;
    border-radius: .4rem;
    color: #fff;
    background: linear-gradient(to right,#2497a3,#81d8cf)
}

.qui-product-info2 .qui-ovv {
    position: relative;
    overflow: hidden
}

.qui-product-info2 .quibox {
    margin: 0 1.2rem;
    position: relative;
    overflow: hidden
}

.swiper-button-next,
.swiper-button-prev {
    width: .6rem;
    height: .6rem;
    top: 50%;
    margin-top: -.3rem;
    background: url(../images/btn.svg) center no-repeat;
    background-size: contain;
    overflow: hidden;
    font-size: 0;
    left: 0
}

.swiper-button-next {
    -webkit-transform: rotateY(180deg);
    right: 0;
    left: auto
}

    .swiper-button-next:after,
    .swiper-button-prev:after {
        display: none
    }

.qui-homeban .swiper-button-next {
    right: 2vw;
    opacity: 1 !important;
}

.qui-homeban .swiper-button-prev {
    left: 2vw;
    opacity: 1 !important;
}

.qui-homeban:hover .swiper-button-next {
    opacity: 1 !important;
}

.qui-homeban:hover .swiper-button-prev {
    opacity: 1 !important;
}

.qui-homeban .quiplay {
    width: 100%;
    height: 100%;
    background: url(../images/play.svg) center no-repeat;
    background-size: auto .9rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    z-index: 10;
    left: 50%
}

.qui-product-info2 .ULLIST .li {
    width: 6.9rem;
    opacity: 0
}

.qui-product-info2 .swiper-button-next,
.qui-product-info2 .swiper-button-prev {
    margin-top: 0;
    top: 40%
}

.qui-single {
    font-size: .16rem;
    line-height: .28rem;
    text-align: justify
}

    .qui-single p {
        min-height: .2rem
    }

.qui-aboutbox1 .quiflexbox {
    display: flex
}

    .qui-aboutbox1 .quiflexbox > .quill {
        flex: 1;
        padding-right: 1.4rem
    }

    .qui-aboutbox1 .quiflexbox > .quirr {
        flex-shrink: 0;
        width: 4rem
    }

        .qui-aboutbox1 .quiflexbox > .quirr .qui-pic {
            padding-bottom: 175%;
            border-radius: .3rem;
            display: block
        }

            .qui-aboutbox1 .quiflexbox > .quirr .qui-pic:after {
                content: '';
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                z-index: 5;
                background: rgba(0,0,0,.6)
            }

.qui-aboutbox1 .quiplay {
    width: .9rem;
    height: .9rem;
    background: url(../images/play.svg) center no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    z-index: 10
}

.qui-name-abt {
    margin-bottom: .25rem;
    text-align: center;
    font-weight: bold;
    font-size: .18rem;
    color: #e5e5e5;
    line-height: 1;
    text-transform: uppercase
}

    .qui-name-abt .quicn {
        font-size: .4rem;
        color: #0c747f
    }

    .qui-name-abt .quien {
        margin-top: .12rem;
        font-style: italic
    }

.box202209042046 h3 {
    color: #0c747f;
    font-size: .28rem;
    line-height: 1.4
}

.box202209042046 .quitab {
    color: #0c747f;
    background: #eff3f0;
    border-radius: .2rem;
    overflow: hidden;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-collapse: separate;
    line-height: .24rem
}

    .box202209042046 .quitab td {
        border: 0;
        border-bottom: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        vertical-align: top;
        padding: .17rem .3rem
    }

    .box202209042046 .quitab tr td:first-child {
        width: 1.5rem;
        padding-left: .3rem
    }

.quivideo {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6)
}

    .quivideo .quicls {
        width: .42rem;
        height: .42rem;
        background: url(../images/quicls.svg) center no-repeat;
        background-size: contain;
        position: absolute;
        right: .1rem;
        top: .1rem
    }

    .quivideo video {
        display: block;
        background: #000;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 96%;
        max-width: 9rem;
        max-height: 70vh
    }

.quiflexbox202209042119 {
    display: flex;
    background: #ededed
}

    .quiflexbox202209042119 > .quill {
        flex: 1
    }

    .quiflexbox202209042119 > .quirr {
        flex-shrink: 0;
        width: 50%;
        padding-left: 1rem;
        background: #ededed url(../images/abtbg2.jpg) center no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
        padding-right: calc(50vw - 7.2rem);
        padding-top: .3rem;
        padding-bottom: .3rem
    }

    .quiflexbox202209042119 .DLLIST {
        display: flex;
        flex-wrap: wrap
    }

        .quiflexbox202209042119 .DLLIST .dd {
            width: 50%;
            padding-right: .2rem;
            padding: .38rem .2rem .38rem 0;
            font-size: .16rem;
            color: #888;
            line-height: .3rem
        }

            .quiflexbox202209042119 .DLLIST .dd .qui1 {
                font-weight: bold;
                background-image: linear-gradient(to right,#2497a3,#81d8cf);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                line-height: .8;
                display: inline-block;
                vertical-align: top
            }

                .quiflexbox202209042119 .DLLIST .dd .qui1 b {
                    font-size: .6rem;
                    line-height: 1
                }

            .quiflexbox202209042119 .DLLIST .dd .quiem {
                font-size: .4rem;
                vertical-align: top
            }

.quimaodian {
    position: relative;
    top: -1.2rem
}

.qui-aboutbox2 .quiboxinfo {
    text-align: center;
    color: #555;
    margin-bottom: .5rem
}

.qui-aboutbox2 .quibox {
    max-width: 11.8rem;
    padding: 0 1.9rem;
    position: relative;
    margin: 0 auto
}

.qui-aboutbox2 .ULLIST .li .qui-pic {
    padding-bottom: 56.25%;
    border-radius: .2rem
}

.qui-aboutbox2 .ULLIST .li .quiinfo {
    border-radius: .2rem;
    background: #fff;
    margin-top: -.9rem;
    position: relative;
    z-index: 2;
    margin-left: .8rem;
    box-shadow: 0 0 .4rem rgba(153,153,153,.3);
    padding: .5rem 2.2rem .5rem .5rem;
    overflow: hidden
}

.qui-aboutbox2 .ULLIST .li .quiico {
    position: absolute;
    right: -.2rem;
    bottom: -.2rem;
    max-height: 1.7rem
}

.qui-aboutbox2 .ULLIST .li .quitxt {
    font-size: .16rem;
    color: #555;
    line-height: .3rem;
    min-height: .6rem
}

.qui-aboutbox2 .ULLIST .li .quitt {
    font-size: .2rem;
    color: #0c747f;
    margin-bottom: .1rem
}

.qui-aboutbox {
    background: center no-repeat;
    background-size: cover;
    overflow: hidden
}

.qui-aboutbox5 {
    background: #fbfbfb
}

    .qui-aboutbox5 .ULLIST {
        display: flex;
        flex-wrap: wrap;
        padding: .1rem
    }

        .qui-aboutbox5 .ULLIST .li {
            width: 20%;
            padding: .1rem
        }

.qui-aboutbox.qui-aboutbox5 .swiper-pagination {
    margin-top: .3rem
}

.qui-aboutbox3 .qui-name-abt .quien {
    color: #fff
}

.qui-aboutbox3 .quibox {
    padding: 0 .8rem;
    position: relative;
    width: 16rem;
    margin-left: -.8rem;
    overflow: hidden
}

.qui-aboutbox3 .qui-ovv {
    overflow: hidden;
    position: relative
}

    .qui-aboutbox3 .qui-ovv:after {
        content: '';
        width: 100%;
        left: 0;
        top: 50%;
        margin-top: -.01rem;
        background: #fafafa;
        height: .02rem;
        position: absolute
    }

.qui-aboutbox3 .ULLIST .li {
    position: relative;
    width: 2.5rem;
    min-height: 5.2rem
}

.qui-aboutbox3 .ULLIST .qui-libox {
    background: #fff;
    border-radius: .1rem;
    padding: .3rem;
    position: absolute;
    left: 0;
    width: 4.4rem;
    min-height: 2rem;
    z-index: 10
}

.qui-aboutbox3 .ULLIST .quitxt {
    max-height: .96rem;
    overflow: auto
}

.qui-aboutbox3 .ULLIST .li:after {
    left: .4rem;
    top: 50%;
    margin-top: -.08rem;
    background: #fff;
    width: .16rem;
    height: .16rem;
    border-radius: 50%;
    content: '';
    position: absolute
}

.qui-aboutbox3 .ULLIST .li:nth-child(odd) .qui-libox {
    top: .2rem
}

    .qui-aboutbox3 .ULLIST .li:nth-child(odd) .qui-libox:after {
        content: '';
        border: .09rem solid transparent;
        border-top: .09rem solid #fff;
        position: absolute;
        left: .39rem;
        top: 100%
    }

.qui-aboutbox3 .ULLIST .li:nth-child(even) .qui-libox {
    bottom: .2rem
}

    .qui-aboutbox3 .ULLIST .li:nth-child(even) .qui-libox:after {
        content: '';
        border: .09rem solid transparent;
        border-bottom: .09rem solid #fff;
        position: absolute;
        left: .39rem;
        bottom: 100%
    }

.qui-aboutbox3 .ULLIST .li.swiper-slide-duplicate-prev,
.qui-aboutbox3 .ULLIST .li.swiper-slide-prev {
    opacity: 0
}

.qui-aboutbox3 .ULLIST .li .quit1 {
    font-size: .19rem;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    background-image: linear-gradient(to right,#2497a3,#81d8cf);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: .8;
    margin-bottom: .2rem
}

    .qui-aboutbox3 .ULLIST .li .quit1 time {
        font-size: .3rem
    }

.qui-aboutbox4 .qui-ovv {
    position: relative;
    overflow: hidden
}

.qui-aboutbox4 .quibox {
    position: relative;
    overflow: hidden
}

.qui-aboutbox4 .qui-name-abt > .quirr {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    flex-wrap: wrap
}

    .qui-aboutbox4 .qui-name-abt > .quirr .quia {
        display: block;
        color: #555;
        font-size: .16rem;
        background: #f5f5f5;
        min-width: 1.2rem;
        padding: 0 .26rem;
        border-radius: .5rem;
        line-height: .5rem;
        text-align: center;
        font-weight: normal;
        margin-left: .1rem
    }

        .qui-aboutbox4 .qui-name-abt > .quirr .quia:hover,
        .qui-aboutbox4 .qui-name-abt > .quirr .quia.on {
            color: #fff;
            background: linear-gradient(to right,#2497a3,#81d8cf)
        }

.qui-aboutbox4 .qui-name-abt {
    margin-bottom: .4rem
}

.qui-aboutbox4 .ULLIST .li .qui-hover {
    border-radius: .3rem;
    background: #eff3f0;
    padding: .1rem
}

.qui-aboutbox4 .ULLIST .li .qui-abox {
    padding-bottom: 116.923076923%;
    background: #fff;
    border-radius: .2rem
}

.qui-aboutbox4 .ULLIST .li .quitxt {
    text-align: center;
    padding: .2rem;
    color: #0c747f
}

.qui-aboutbox5 .qui-ovv {
    position: relative;
    overflow: hidden
}

.qui-aboutbox5 .quibox {
    position: relative;
    overflow: hidden
}

.qui-aboutbox5 .swiper-grid-column > .swiper-wrapper {
    flex-direction: row
}

.qui-aboutbox5 .ULLIST .li .qui-hover {
    background: #fff;
    border-radius: .1rem;
    box-shadow: 0 0 .1rem rgba(0,0,0,.2)
}

.qui-aboutbox5 .ULLIST .li .qui-abox {
    padding-bottom: 36.3636363636%;
    overflow: hidden;
    -webkit-transition: all .4s ease-out
}

.qui-aboutbox5 .ULLIST .li .qui-hover:hover .qui-abox {
    -webkit-transform: scale(1.1)
}

.qui-mar-b0 {
    margin-bottom: 0 !important
}

@media (min-width:641px) {
    .qui-product-info2 .ULLIST .li {
        margin-top: -.4rem
    }
}

.qui-product-info2 .ULLIST .li .quiinfo {
    text-align: center;
    line-height: .28rem;
    opacity: 0
}

.qui-product-info2 .ULLIST .li .quitt {
    font-size: .2rem;
    font-weight: bold;
    color: #333;
    margin: .3rem 0 .1rem
}

.qui-product-info2 .ULLIST .li .quitxt {
    font-size: .16rem;
    color: #555;
    line-height: .24rem
}

.qui-product-info2 .ULLIST .li .qui-pic {
    padding-bottom: 66.6666666667%;
    background: #fff;
    border-radius: .2rem;
    border: .05rem solid #fff;
    box-shadow: 0 0 .2rem rgba(162,162,162,.2)
}

.qui-product-info2 .ULLIST .li.swiper-slide-active .quiinfo {
    opacity: 1
}

.qui-product-info2 .ULLIST .li.swiper-slide-prev {
    opacity: 1
}

.qui-product-info2 .ULLIST .li.swiper-slide-next {
    opacity: 1
}

.qui-product-info2 .ULLIST .li.swiper-slide-active {
    transform: scale(1);
    z-index: 10;
    opacity: 1;
    margin-top: 0
}

    .qui-product-info2 .ULLIST .li.swiper-slide-active .qui-pic {
    }

.qui-product-info2 .quiname {
    border-bottom: .03rem solid #75d0c9;
    margin: .3rem 0 .6rem
}

    .qui-product-info2 .quiname em {
        line-height: .5rem;
        min-width: 1.4rem;
        text-align: center;
        color: #fff;
        font-weight: bold;
        font-size: .18rem;
        display: inline-block;
        vertical-align: top;
        border-radius: .2rem .2rem 0 0;
        background: linear-gradient(to right,#2497a3,#81d8cf)
    }

.qui-aboutbox .swiper-pagination {
    position: relative;
    bottom: auto !important;
    margin-top: .6rem
}

    .qui-aboutbox .swiper-pagination .swiper-pagination-bullet {
        border-color: #bbb
    }

.qui-homeban .ULLIST .li img {
    display: block;
    width: 100%
}

    .qui-homeban .ULLIST .li img.qui-wap {
        display: none
    }

.qui-homeban .ULLIST .li video {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    object-fit: cover;
    z-index: 10;
}
/*.qui-homeban .ULLIST .li video{display: block;width: 100%;background: #000;object-fit: cover;}*/
/*.qui-homeban .ULLIST .li.qui-vdban video{cursor: pointer;}*/

.qui-homeban {
    position: relative;
    overflow: hidden
}

    .qui-homeban .swiper-pagination {
        bottom: .8rem !important
    }

        .qui-homeban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
            border-color: #fff !important;
            background: #fff !important
        }

    .qui-homeban .quibtn {
        background: center no-repeat;
        background-size: contain;
        width: .14rem;
        height: .14rem;
        margin: 0 .1rem
    }

    .qui-homeban .quibtn1 {
        background-image: url(../images/banico1.svg)
    }

    .qui-homeban .quibtn2 {
        background-image: url(../images/banico2.svg)
    }

.qui-home-abt {
    position: relative;
    overflow: hidden
}

    .qui-home-abt .quirr {
        margin-left: 29.1666666667vw;
        margin-top: .6rem;
        background: #fff;
        border-radius: 1.2rem 0 0 1.2rem;
        padding: .4rem calc(50vw - 8rem) .4rem 1.15rem;
        min-height: 7.8rem;
        display: flex;
        align-items: center;
        position: relative;
        z-index: 2
    }

    .qui-home-abt .quill {
        width: 50%;
        position: absolute;
        height: 100%;
        left: 0;
        top: 0
    }

        .qui-home-abt .quill .qui-pic {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%
        }

            .qui-home-abt .quill .qui-pic:after {
                content: '';
                width: 100%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background: rgba(3,41,45,.5)
            }

    .qui-home-abt .quiplay {
        width: .9rem;
        height: .9rem;
        background: url(../images/play.svg) center no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        z-index: 10;
        left: calc(50vw - 7.2rem)
    }

    .qui-home-abt .quiinfo {
        display: flex;
        align-items: center
    }

    .qui-home-abt .quilll {
        flex: 1;
        padding-right: 1.5rem
    }

    .qui-home-abt .quirrr {
        flex-shrink: 0;
        width: 4.4rem
    }

        .qui-home-abt .quirrr .DLLIST {
            display: flex;
            flex-wrap: wrap;
            padding-top: .8rem
        }

            .qui-home-abt .quirrr .DLLIST .dd {
                width: 50%;
                padding: .26rem 0;
                font-size: .16rem;
                color: #888;
                line-height: .3rem
            }

                .qui-home-abt .quirrr .DLLIST .dd .qui1 {
                    font-weight: bold;
                    background-image: linear-gradient(to right,#2497a3,#81d8cf);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                    line-height: .8;
                    display: inline-block;
                    vertical-align: top
                }

                    .qui-home-abt .quirrr .DLLIST .dd .qui1 b {
                        font-size: .52rem;
                        line-height: 1
                    }

                .qui-home-abt .quirrr .DLLIST .dd .quiem {
                    font-size: .4rem;
                    vertical-align: top
                }

    .qui-home-abt .qui-more-all {
        min-width: 1.6rem
    }

    .qui-home-abt .quiname {
        font-size: .42rem;
        color: #0c747f;
        font-weight: bold;
        line-height: 1.2
    }

    .qui-home-abt .quiname2 {
        font-size: .28rem;
        color: #222;
        line-height: 1.26315789474;
        margin-top: 1rem
    }

    .qui-home-abt .quiname3 {
        font-size: .38rem;
        color: #222;
        font-weight: bold;
        line-height: 1.26315789474;
        position: relative;
        padding-bottom: .4rem
    }

        .qui-home-abt .quiname3:after {
            content: '';
            width: 3.6rem;
            height: .04rem;
            background: #f4f4f4;
            position: absolute;
            left: 0;
            bottom: 0
        }

    .qui-home-abt .quitxt {
        line-height: .3rem;
        color: #666;
        text-align: justify;
        height: 1.5rem;
        margin-top: .4rem;
        margin-bottom: .4rem
    }

.qui-homebox {
    padding: .8rem 0;
    background: center no-repeat;
    background-size: cover;
    overflow: hidden
}

.qui-home-msg > .quiflexbox {
    display: flex;
    justify-content: space-between
}

    .qui-home-msg > .quiflexbox .quill {
        flex-shrink: 0;
        width: 2rem;
        margin-right: 2rem
    }

    .qui-home-msg > .quiflexbox .quirr {
        flex: 1
    }

.qui-home-msg .qui-form textarea.qui-text {
    height: 1.5rem
}

.qui-homebox .qui-more-all {
    min-width: 1.6rem
}

.qui-home-name {
    margin-bottom: .7rem;
    line-height: 1
}

    .qui-home-name .quicn {
        font-size: .42rem;
        font-weight: bold;
        color: #0c747f
    }

    .qui-home-name .quimm {
        color: #555;
        line-height: .28rem;
        text-align: justify;
        margin-top: .4rem;
        max-width: 4rem
    }

.qui-home-part {
    background: #eff3f0
}

.qui-homeflex {
    display: flex;
    align-items: flex-end
}

.tab202209052232 {
    display: flex;
    flex: 1;
    justify-content: flex-end;
    flex-wrap: wrap
}

    .tab202209052232 .quia {
        display: block;
        color: #555;
        font-size: .16rem;
        background: #f5f5f5;
        min-width: 1.2rem;
        padding: 0 .26rem;
        border-radius: .5rem;
        line-height: .5rem;
        text-align: center;
        font-weight: normal;
        margin-left: .1rem
    }

.qui-home-part .tab202209052232 .quia {
    background: #fff
}

.tab202209052232 .quia.quiall {
    min-width: 1rem
}

.tab202209052232 .quia:hover,
.tab202209052232 .quia.on {
    color: #fff;
    background: linear-gradient(to right,#2497a3,#81d8cf)
}

.qui-home-adv {
    padding: 1.4rem 0 .4rem
}

    .qui-home-adv .quibox {
        position: relative;
        margin-left: calc(50vw - 8rem)
    }

    .qui-home-adv .qui-pic {
        padding-bottom: 45.4545454545%;
        border-radius: 1.2rem 0 0 1.2rem
    }

    .qui-home-adv .qui-home-name {
        max-width: 2.4rem;
        position: absolute;
        width: 100%;
        left: .8rem;
        top: 1.2rem;
        z-index: 2
    }

    .qui-home-adv .DLLIST {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: .8rem;
        display: flex;
        flex-wrap: wrap;
        padding: 0 .8rem
    }

        .qui-home-adv .DLLIST .dd:not(:last-child) {
            margin-right: .3rem
        }

        .qui-home-adv .DLLIST .dd {
            position: relative;
            border-bottom: .04rem solid #fff;
            color: #fff;
            width: 1.7rem;
            cursor: pointer;
            line-height: 1.2
        }

            .qui-home-adv .DLLIST .dd .quien {
                opacity: .6;
                margin: .1rem 0 .15rem
            }

            .qui-home-adv .DLLIST .dd .quicn {
                font-size: .24rem
            }

            .qui-home-adv .DLLIST .dd .quitxt {
                line-height: .28rem;
                max-height: 1.4rem;
                overflow: auto
            }

            .qui-home-adv .DLLIST .dd .quihover {
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                background: linear-gradient(to right,#2497a3,#81d8cf);
                min-width: 100%;
                padding: .4rem .3rem;
                min-height: 2.7rem;
                border-radius: .4rem;
                display: none
            }

            .qui-home-adv .DLLIST .dd .quiico {
                max-height: .36rem;
                position: absolute;
                right: .3rem;
                top: .4rem
            }

            .qui-home-adv .DLLIST .dd .quihover .quicn {
                font-size: .32rem;
                padding-right: .6rem
            }

            .qui-home-adv .DLLIST .dd .quihover .quien {
                margin: .1rem 0 .2rem
            }

            .qui-home-adv .DLLIST .dd.on {
                width: 3.2rem
            }

                .qui-home-adv .DLLIST .dd.on .quihover {
                    display: block;
                    z-index: 10
                }

.qui-homebox .swiper-pagination {
    position: relative;
    bottom: auto !important;
    margin-top: .5rem
}

    .qui-homebox .swiper-pagination .swiper-pagination-bullet {
        border-color: #bbb
    }

.qui-home-hr .qui-home-name {
    margin-bottom: .5rem
}

.qui-home-pro {
    position: relative
}

    .qui-home-pro:after {
        content: '';
        width: 100%;
        height: 50%;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1;
        background: #eff3f0
    }

    .qui-home-pro .ULLIST .li {
        width: 6.8rem
    }

        .qui-home-pro .ULLIST .li .qui-pic {
            padding-bottom: 66.1764705882%;
            border-radius: .4rem
        }

        .qui-home-pro .ULLIST .li .quiinfo {
            position: relative;
            padding: .4rem 0 0;
            min-height: 2rem
        }

        .qui-home-pro .ULLIST .li .quitt {
            color: #0c747f;
            font-size: .28rem;
            line-height: 1.2
        }

        .qui-home-pro .ULLIST .li .quitxt {
            line-height: .28rem;
            min-height: .56rem;
            text-align: justify;
            color: #555;
            font-size: .18rem;
            margin-top: .18rem
        }

        .qui-home-pro .ULLIST .li .quiem {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 32.3529411765%;
            height: .02rem;
            background: #ddd
        }

            .qui-home-pro .ULLIST .li .quiem:after {
                content: '';
                width: 22.7272727273%;
                height: 100%;
                position: absolute;
                left: 0;
                top: 0;
                background: #0c747f
            }

    .qui-home-pro .swiper-button-next,
    .qui-home-pro .swiper-button-prev {
        width: .3rem;
        height: .22rem;
        top: auto;
        margin-top: 0;
        background: url(../images/btn2.svg) center no-repeat;
        background-size: contain;
        overflow: hidden;
        font-size: 0;
        left: auto;
        right: 0;
        bottom: 0
    }

    .qui-home-pro .swiper-button-prev {
        right: .5rem
    }

    .qui-home-pro .quibox {
        position: relative
    }

    .qui-home-pro .qui-ovv {
        position: relative;
        max-width: 12.4rem;
        margin: 0 auto
    }

.qui-home-part .quibox {
    position: relative;
    overflow: hidden;
    padding: 0 .8rem
}

.qui-home-part .qui-ovv {
    position: relative
}

.qui-home-part .ULLIST {
    position: relative;
    height: 4.36rem
}

    .qui-home-part .ULLIST .li {
        position: absolute;
        left: 0;
        top: 100%;
        width: 10%
    }

        .qui-home-part .ULLIST .li:nth-child(13n+1) {
            width: 13.1944444444%;
            left: 1.04166666667%;
            top: 0
        }

            .qui-home-part .ULLIST .li:nth-child(13n+1):after {
                content: '';
                background: #fff;
                width: .34rem;
                height: .34rem;
                box-shadow: 0 0 .25rem rgba(200,207,213,.2);
                border-radius: 50%;
                left: 0;
                top: 100%;
                margin-top: 16.7431192661%;
                position: absolute
            }

        .qui-home-part .ULLIST .li:nth-child(13n+2) {
            width: 6.59722222222%;
            top: 2.29357798165%;
            left: 16.3194444444%
        }

        .qui-home-part .ULLIST .li:nth-child(13n+3) {
            width: 15.5555555556%;
            top: auto;
            bottom: 0;
            left: 6.80555555556%
        }

        .qui-home-part .ULLIST .li:nth-child(13n+4) {
            width: 11.25%;
            top: 21.5596330275%;
            left: 22.7777777778%
        }

        .qui-home-part .ULLIST .li:nth-child(13n+5) {
            width: 8.54166666667%;
            top: auto;
            bottom: 4.5871559633%;
            left: 24.7222222222%
        }

        .qui-home-part .ULLIST .li:nth-child(13n+6) {
            width: 19.3055555556%;
            top: auto;
            bottom: 8.71559633028%;
            left: 35.0694444444%
        }

            .qui-home-part .ULLIST .li:nth-child(13n+6):after {
                content: '';
                background: #fff;
                width: .34rem;
                height: .34rem;
                box-shadow: 0 0 .25rem rgba(200,207,213,.2);
                border-radius: 50%;
                left: .2rem;
                bottom: 100%;
                margin-bottom: 3.89908256881%;
                position: absolute
            }

        .qui-home-part .ULLIST .li:nth-child(13n+7) {
            width: 8.54166666667%;
            top: 8.02752293578%;
            left: auto;
            right: 38.6805555556%
        }

        .qui-home-part .ULLIST .li:nth-child(13n+8) {
            width: 11.25%;
            top: auto;
            bottom: 6.88073394495%;
            left: auto;
            right: 33.3333333333%
        }

        .qui-home-part .ULLIST .li:nth-child(13n+9) {
            width: 14.5833333333%;
            top: 12.8440366972%;
            left: auto;
            right: 19.7916666667%
        }

        .qui-home-part .ULLIST .li:nth-child(13n+10) {
            width: 9.58333333333%;
            top: auto;
            bottom: 0;
            left: auto;
            right: 20.5555555556%
        }

            .qui-home-part .ULLIST .li:nth-child(13n+10):after {
                content: '';
                background: #fff;
                width: .34rem;
                height: .34rem;
                box-shadow: 0 0 .25rem rgba(200,207,213,.2);
                border-radius: 50%;
                left: 100%;
                bottom: 0;
                margin-bottom: .2rem;
                margin-left: .28rem;
                position: absolute
            }

        .qui-home-part .ULLIST .li:nth-child(13n+11) {
            width: 6.59722222222%;
            top: 12.8440366972%;
            left: auto;
            right: 11.1111111111%
        }

        .qui-home-part .ULLIST .li:nth-child(13n+12) {
            width: 13.1944444444%;
            top: 44.0366972477%;
            left: auto;
            right: 4.16666666667%
        }

        .qui-home-part .ULLIST .li:nth-child(13n+13) {
            width: 8.54166666667%;
            top: 5.50458715596%;
            left: auto;
            right: 1.04166666667%
        }

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: no-drop;
    pointer-events: auto
}

.qui-home-part .ULLIST .li .qui-abox {
    padding-bottom: 100%
}

    .qui-home-part .ULLIST .li .qui-abox img {
        max-width: 80%;
        max-height: 80%
    }

.qui-home-part .ULLIST .li .qui-hover {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 .25rem rgba(200,207,213,.2)
}

.qui-home-part .swiper-button-next,
.qui-home-part .swiper-button-prev {
    width: .8rem;
    height: .8rem;
    top: 50%;
    margin-top: -.6rem
}

@media (max-width:1700px) {
    .qui-top-nav .ULLIST > li {
        margin: .22rem 0
    }

        .qui-top-nav .ULLIST > li > a {
            font-size: .16rem;
            padding: 0 .15rem
        }

    .qui-top-box .qui-logo2 {
        padding-left: .15rem;
        margin-left: .15rem
    }

    .qui-footer1 .DLLIST:not(:last-child) {
        margin-right: .4rem
    }

    .qui-footer1 .quicode {
        margin-left: .2rem
    }

    .qui-top-box .qui-ssbox {
        margin-left: .1rem
    }

    .qui-footer2 .DLLIST {
        max-width: 20%
    }

    .qui-joblist .ULLIST .li {
        font-size: .16rem
    }

        .qui-joblist .ULLIST .li.liTop {
            font-size: .18rem;
            font-weight: normal
        }

    .quiflexbox202209042119 .DLLIST .dd {
        padding: .2rem .1rem .2rem 0
    }

        .quiflexbox202209042119 .DLLIST .dd .qui1 b {
            font-size: .5rem
        }

    .qui-aboutbox1 .quiflexbox > .quill {
        padding-right: .4rem
    }

    .quiflexbox202209042119 > .quirr {
        padding-right: 2vw
    }

    .qui-aboutbox3 .quibox {
        width: 100%;
        margin-left: 0;
        padding: 0
    }

    .qui-aboutbox3 .ULLIST .li {
        width: 2.27rem
    }

    .qui-aboutbox3 .ULLIST .qui-libox {
        width: 4rem
    }

    .qui-home-adv .quibox {
        margin-left: 2%
    }

    .qui-home-adv .DLLIST {
        padding: 0 2vw;
        justify-content: center
    }

    .qui-home-adv .qui-pic {
        border-radius: .6rem 0 0 .6rem
    }

    .qui-home-adv .DLLIST .dd:not(:last-child) {
        margin-right: .1rem
    }

    .qui-home-adv .DLLIST .dd .quihover {
        padding: .2rem;
        border-radius: .2rem;
        min-height: 2.2rem
    }

    .qui-home-adv .DLLIST .dd.on {
        width: 2.4rem
    }

    .qui-home-adv .DLLIST .dd .quihover .quicn {
        font-size: .20rem
    }

    .qui-home-adv .DLLIST .dd .quihover .quien {
        margin: .06rem 0 .12rem
    }

    .qui-home-adv .DLLIST .dd .quitxt {
        font-size: .14rem
    }

    .qui-home-adv .DLLIST .dd .quicn {
        font-size: .2rem
    }

    .qui-home-adv .DLLIST .dd {
        width: 1.5rem;
        font-size: .14rem
    }

        .qui-home-adv .DLLIST .dd .quiico {
            top: .2rem;
            right: .2rem;
            max-height: .26rem
        }

    .qui-home-abt .quiplay {
        left: 2vw
    }

    .qui-home-abt .quirr {
        padding-right: 2vw;
        padding-left: 3vw;
        border-radius: .6rem 0 0 .6rem;
        min-height: 5.6rem
    }

    .qui-home-abt .quilll {
        padding-right: 3vw
    }

    .qui-home-abt .quiname {
        font-size: .36rem
    }

    .qui-home-abt .quiname3 {
        font-size: .3rem;
        padding-bottom: .2rem
    }

    .qui-home-abt .quiname2 {
        font-size: .24rem;
        margin-top: .2rem
    }

    .qui-home-abt .quirrr .DLLIST .dd .qui1 b {
        font-size: .4rem
    }

    .qui-home-abt .quitxt {
        margin: .2rem 0
    }

    .qui-home-name .quicn {
        font-size: .36rem
    }

    .qui-home-name .quimm {
        margin-top: .2rem
    }
}

@media (max-width:1600px) {
}

@media (max-width:1350px) {
    .qui-top-nav .ULLIST > li > a {
        font-size: .14rem
    }
}

@media (max-width:1024px) {
    .quimaodian {
        top: -1.02rem
    }

    .qui-joblist .ULLIST .li .quidivbox1 {
        padding: .2rem .4rem
    }

    .qui-joblist .ULLIST .li .quidivbox2 p {
        min-height: .1rem
    }

    .qui-joblist .ULLIST .li .quidivbox1 {
        padding: .15rem .2rem;
        line-height: .24rem
    }

    .qui-joblist .ULLIST .li .quidivbox2 {
        margin: 0 .2rem;
        padding: .2rem 0
    }

    .qui-joblist .ULLIST .li .qui-more-all {
        margin-top: .2rem
    }

    .qui-name-all {
        font-size: .12rem;
        font-weight: normal
    }

        .qui-name-all .quicn {
            font-size: .24rem
        }

        .qui-name-all .quien {
            margin-top: .04rem
        }

    .Pages {
        padding-top: .25rem
    }

    .qui-top-box .qui-logo2 img,
    .qui-top-box .qui-logo img {
        display: block;
        max-height: .42rem !important
    }

    .qui-top-box .quitopbox {
        position: relative;
        padding: .12rem 0
    }

    .qui-top-boxH {
        height: 1.02rem
    }

    .qui-top-box .qui-logo2 {
        padding-left: .1rem;
        margin-left: 0
    }

        .qui-top-box .qui-logo2:after {
            display: none
        }

    .qui-top-nav {
        position: fixed;
        max-width: 360px;
        width: 72%;
        left: -100%;
        top: 0;
        z-index: 1001;
        height: 100%;
        padding: 0 0 .2rem;
        -webkit-transition: all .4s ease-out;
        transition: all .4s ease-out;
        overflow: auto;
        background: #fff
    }

        .qui-top-nav .ULLIST {
            padding: 0;
            margin: 0;
            flex-direction: column
        }

            .qui-top-nav .ULLIST > li {
                width: 100%;
                float: none;
                border-bottom: 1px solid #eee;
                margin: 0
            }

    .qui-nav-btn {
        position: absolute;
        z-index: 2;
        width: 30px;
        height: 30px;
        background: url('../images/btn_bg.png') right center no-repeat;
        background-size: auto 26px;
        display: block;
        right: 2%;
        top: 50%;
        margin-top: -15px
    }

    .qui-wap-bg {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        overflow: hidden;
        z-index: 1000;
        background: rgba(0,0,0,.5);
        display: none
    }

    .qui-body-ovh .qui-top-nav {
        left: 0
    }

    .qui-top-nav .ULLIST > li > a {
        font-size: .2rem;
        line-height: .32rem;
        padding: .24rem
    }

    .qui-top-nav .ULLIST > li:hover > a,
    .qui-top-nav .ULLIST > li.on > a {
        color: #0c747f;
        background: none
    }

    .qui-top-nav .ULLIST > li:hover,
    .qui-top-nav .ULLIST > li.on {
        border-color: #0c747f
    }

    .qui-floatbox {
        right: .05rem
    }

    .qui-top-box .qui-ssbox {
        margin-right: .5rem
    }

    .qui-main-box {
        padding: .4rem 0
    }

    .qui-locbox {
        display: none
    }

    .qui-menuloc {
        margin: 0
    }

    .qui-menu .ULLIST {
        justify-content: center
    }

        .qui-menu .ULLIST > li {
            margin: 0 .15rem
        }

            .qui-menu .ULLIST > li > a {
                padding: .2rem 0;
                line-height: .22rem;
                color: #333
            }

    .qui-footer1 .DLLIST:not(:last-child) {
        margin-right: 0
    }

    .qui-footer1 .DLLIST {
        padding-right: .2rem
    }

        .qui-footer1 .DLLIST dd {
            padding: .03rem 0;
            line-height: .24rem
        }

        .qui-footer1 .DLLIST dt {
            margin-bottom: .06rem
        }

    .qui-footer1 .quicode img {
        margin-bottom: .1rem
    }

    .qui-footer1 .quicode {
        margin-left: .1rem
    }

    .qui-footer3,
    .qui-footer2,
    .qui-footer1 {
        padding: .3rem 0
    }

        .qui-footer2 .DLLIST {
            max-width: 25%;
            padding-right: .2rem
        }

            .qui-footer2 .DLLIST dt {
                margin-bottom: .06rem
            }

        .qui-footer1 > .quill {
            flex-wrap: wrap
        }

        .qui-footer1 .DLLIST {
            max-width: 2.4rem;
            padding-bottom: .2rem
        }

    .qui-news-list .ULLIST .li .qui-hover {
        padding: .3rem 2.2rem .3rem .3rem
    }

    .qui-news-list .ULLIST .li .quiimg {
        margin-right: .3rem
    }

    .qui-news-list .ULLIST .li .quiinfo {
        padding-right: .3rem
    }

    .qui-search-result .quidivtop .quirr {
        max-width: 3.6rem
    }

    .qui-search-box22 .qui-text {
        line-height: .5rem;
        height: .5rem;
        padding-left: .2rem;
        font-size: .16rem
    }

    .qui-search-result .quidivtop .quill {
        font-size: .16rem
    }

    .qui-search-result .quidivtop {
        margin-bottom: .3rem
    }

    .qui-search-result .quitabtt {
        justify-content: center;
        margin-bottom: .2rem
    }

        .qui-search-result .quitabtt .quia {
            font-size: .16rem;
            margin: 0 .15rem
        }

    .qui-search-list .ULLIST .li:not(:last-child) {
        margin-bottom: 2vw
    }

    .qui-search-list .ULLIST .li .quitxt {
        margin-top: .1rem;
        padding-right: 0
    }

    .qui-menuloc33 {
        margin-bottom: .2rem
    }

    .qui-product-list .ULLIST {
        margin: -1%
    }

        .qui-product-list .ULLIST .li {
            padding: 1%
        }

            .qui-product-list .ULLIST .li .quiinfo .quill {
                padding-right: .2rem
            }

            .qui-product-list .ULLIST .li .quiinfo {
                padding-right: .6rem
            }

            .qui-product-list .ULLIST .li .quiem {
                right: .2rem
            }

    .qui-pinklist .ULLIST .li {
        padding: .2rem 0
    }

        .qui-pinklist .ULLIST .li:nth-child(even) .quiinfo {
            padding-right: .3rem
        }

        .qui-pinklist .ULLIST .li:nth-child(odd) .quiinfo {
            padding-right: 0;
            padding-left: .3rem
        }

        .qui-pinklist .ULLIST .li em {
            font-size: .8rem
        }

        .qui-pinklist .ULLIST .li h3 {
            font-size: .32rem
        }

        .qui-pinklist .ULLIST .li h4 {
            font-size: .26rem;
            margin: .1rem 0 .1rem
        }

        .qui-pinklist .ULLIST .li:nth-child(even) em {
            right: .3rem
        }

        .qui-pinklist .ULLIST .li .quiinfo {
            font-size: .16rem
        }

    .qui-msg-box .quibox {
        padding: .3rem;
        border-radius: .15rem
    }

    .quiaddrlist .ULLIST .li .qui-libox {
        border-radius: .15rem;
        padding: .25rem
    }

    .qui-msg-box > .quirr {
        width: calc(100% - 3.8rem)
    }

    .qui-msg-box > .quill {
        width: 3.6rem
    }

    .qui-product-info .quiinfo {
        padding: .25rem
    }

    .qui-product-info .quitxt {
        font-size: .16rem;
        margin: .1rem 0 .2rem
    }

    .qui-product-info .quitt {
        font-size: .2rem
    }

    .qui-product-info .quiem {
        font-weight: normal
    }

    .qui-product-info2 .qui-ovv {
        margin: 0;
        overflow: visible
    }

    .qui-product-info2 .quibox {
        margin: 0;
        overflow: visible
    }

    .qui-homeban .swiper-pagination {
        bottom: .3rem !important
    }

    .quiflexbox202209042119 > .quirr {
        padding: .24rem 2vw
    }

    .quiflexbox202209042119 .DLLIST .dd {
        padding: .1rem .15rem .1rem 0
    }

    .qui-aboutbox .swiper-pagination {
        margin-top: .24rem
    }

    .qui-single p {
        min-height: .1rem
    }

    .qui-aboutbox5 .ULLIST .li .qui-hover {
        border-radius: .05rem;
        box-shadow: 0 0 .025rem rgba(0,0,0,.1)
    }

    .qui-aboutbox5 .ULLIST {
        padding: .025rem
    }

        .qui-aboutbox5 .ULLIST .li {
            padding: .025rem
        }

    .qui-home-abt .quirr {
        margin-left: 15vw;
        margin-top: 0;
        border-radius: .3rem 0 0 .3rem;
        padding-left: 6vw
    }

    .qui-home-adv .qui-home-name {
        left: .3rem;
        top: .3rem
    }

    .qui-home-adv .qui-pic {
        border-radius: .3rem 0 0 .3rem
    }

    .qui-homebox {
        padding: .4rem 0 !important
    }

    .qui-home-name {
        margin-bottom: .24rem !important
    }

        .qui-home-name .quicn {
            font-size: .26rem
        }

        .qui-home-name .quimm {
            font-size: .16rem;
            line-height: .24rem;
            margin-top: .08rem
        }

    .qui-home-pro {
        padding-top: 0 !important
    }

    .tab202209052232 .quia {
        min-width: 0 !important;
        padding: 0 .2rem;
        line-height: .4rem;
        font-size: .16rem;
        margin-left: .04rem
    }

    .qui-home-pro .ULLIST .li .quiinfo {
        padding-top: .2rem;
        min-height: 1rem
    }

    .qui-home-pro .ULLIST .li .quitt {
        font-size: .2rem
    }

    .qui-home-pro .ULLIST .li .quitxt {
        margin-top: .06rem;
        font-size: .16rem;
        line-height: .26rem;
        height: .52rem
    }

    .qui-home-pro .ULLIST .li .qui-pic {
        border-radius: .2rem
    }

    .qui-homebox .swiper-pagination {
        margin-top: .2rem
    }

    .qui-home-part .swiper-button-next,
    .qui-home-part .swiper-button-prev {
        width: .6rem;
        height: .6rem
    }

    .qui-home-adv .DLLIST .dd {
        min-width: 23%;
        margin: 1% !important
    }

    .qui-home-adv .DLLIST {
        bottom: .2rem
    }

        .qui-home-adv .DLLIST .dd .quitxt {
            line-height: .26rem;
            max-height: 1.3rem
        }

        .qui-home-adv .DLLIST .dd.on .quihover {
            min-height: 1.9rem
        }
}

@media (max-width:640px) {
    .qui-footer3,
    .qui-footer2,
    .qui-footer1 {
        padding: .24rem 0
    }

    .qui-top-boxH {
        height: 1.28rem
    }

    .qui-ban .qui-pc {
        display: none
    }

    .qui-ban .qui-wap {
        display: block
    }

    .qui-nav-btn {
        background-size: auto 22px
    }

    .qui-welcome .quia {
        margin: 0 .05rem
    }

    .qui-welcome > .qui-flex {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .qui-welcome .quill {
        flex: 1;
        width: 100%;
        text-align: center
    }

    .qui-welcome .quirr {
        flex-shrink: 0;
        width: 100%;
        text-align: center
    }

    .qui-menu .ULLIST > li {
        margin: 0 .1rem
    }

    .qui-footer2 {
        justify-content: space-between;
        flex-wrap: wrap
    }

        .qui-footer2 .DLLIST {
            max-width: 49%;
            padding: .05rem 0
        }

    .qui-footer1 {
        justify-content: space-between;
        flex-direction: column
    }

        .qui-footer1 > .quill {
            width: 100%;
            justify-content: space-between
        }

        .qui-footer1 > .quirr {
            width: 100%;
            justify-content: center
        }

        .qui-footer1 .quicode {
            margin: 0 .05rem
        }

        .qui-footer1 .DLLIST {
            max-width: 30.333333%;
            width: 28%;
            padding-right: 0;
            padding-bottom: .15rem
        }

    .qui-news-list .ULLIST .li {
        margin-bottom: 2vw
    }

        .qui-news-list .ULLIST .li .qui-hover {
            padding: .1rem
        }

        .qui-news-list .ULLIST .li .quiimg {
            width: 38%;
            margin-right: .15rem
        }

        .qui-news-list .ULLIST .li .qui-pic {
            padding-bottom: 80%
        }

    .Pages a.a_prev,
    .Pages a.a_next {
        min-width: .5rem;
        margin: 0 .05rem
    }

    .qui-news-list .ULLIST .li .qui-pic {
        border-radius: .03rem
    }

    .qui-news-list .ULLIST .li .qui-hover {
        align-items: center
    }

    .qui-news-list .ULLIST .li .quitt {
        font-size: .2rem;
        font-weight: normal
    }

    .qui-news-list .ULLIST .li .quitxt {
        margin: .08rem 0 0
    }

    .qui-news-list .ULLIST .li .qui-more-all {
        line-height: .42rem;
        display: none
    }

    .qui-news-list .ULLIST .li .quiinfo {
        padding-right: 0;
        border: 0
    }

    .qui-news-list .ULLIST .li time {
        position: absolute;
        left: .15rem;
        top: .15rem;
        background: rgba(255,255,255,.85);
        width: .8rem;
        padding: .1rem 0;
        font-size: .16rem;
        border-radius: .03rem
    }

        .qui-news-list .ULLIST .li time em {
            font-size: .24rem;
            margin-bottom: .02rem;
            line-height: 1
        }

    .qui-search-list .ULLIST .li .quitxt {
        margin-top: .04rem
    }

    .qui-search-result .quidivtop {
        flex-direction: column
    }

        .qui-search-result .quidivtop .quill {
            padding: 0;
            margin-bottom: .2rem
        }

    .qui-name-all {
        margin-bottom: .2rem
    }

    .qui-joblist .ULLIST .li .qui4,
    .qui-joblist .ULLIST .li .qui3,
    .qui-joblist .ULLIST .li .qui6 {
        display: none
    }

    .qui-joblist .ULLIST .li .qui5 {
        width: 1rem;
        padding-right: 0
    }

    .qui-joblist .ULLIST .li .qui1 {
        width: 40%
    }

    .qui-more-all {
        line-height: .42rem
    }

    .qui-joblist .ULLIST .li {
        border-radius: .05rem
    }

    .qui-product-list .ULLIST .li .qui-hover {
        border-radius: .1rem
    }

    .qui-product-list .ULLIST .li {
        width: 50%
    }

        .qui-product-list .ULLIST .li .quiinfo {
            padding: .2rem;
            border: 0
        }

            .qui-product-list .ULLIST .li .quiinfo .quill {
                border: 0;
                padding-right: 0
            }

        .qui-product-list .ULLIST .li .quiem {
            display: none
        }

    .qui-pinklist .ULLIST .li {
        flex-direction: column !important;
        padding: 0
    }

        .qui-pinklist .ULLIST .li .quiimg {
            width: 100%;
            margin: 0
        }

        .qui-pinklist .ULLIST .li .quiinfo {
            padding: .2rem 0 !important
        }

        .qui-pinklist .ULLIST .li em {
            font-size: .4rem;
            top: .2rem;
            right: .2rem
        }

        .qui-pinklist .ULLIST .li h3 {
            font-size: .26rem
        }

        .qui-pinklist .ULLIST .li h4 {
            font-size: .2rem
        }

    .qui-msg-box > .quill {
        width: 100%
    }

    .qui-msg-box > .quirr {
        width: 100%;
        margin-bottom: .3rem
    }

    .qui-msg-box .qui-name-all {
        text-align: center
    }

    .qui-form textarea.qui-text {
        height: 1.6rem
    }

    .qui-msg-box {
        flex-direction: column
    }

    .qui-msg-box22 {
        flex-direction: column-reverse
    }

    .qui-msg-box .quibox {
        padding: .24rem .2rem
    }

    .qui-form .li33 {
        width: calc(40% - .075rem)
    }

    .qui-form .li66 {
        width: calc(60% - .075rem)
    }

    .qui-product-info {
        flex-direction: column
    }

        .qui-product-info > .quill {
            width: 100%
        }

    .swiper-pagination .swiper-pagination-bullet {
        margin: 0 .05rem !important
    }

    .swiper-pagination {
        bottom: .2rem !important
    }

    .qui-product-info2 .qui-ovv {
        margin: 0;
        overflow: visible
    }

    .qui-product-info2 .quibox {
        margin: 0;
        overflow: visible
    }

    .qui-product-info2 .quiname {
        margin: .3rem 0
    }

    .qui-product-info2 .swiper-button-next,
    .qui-product-info2 .swiper-button-prev {
        top: 36%
    }

    .qui-name-abt .quicn {
        font-size: .28rem
    }

    .qui-name-abt .quien {
        margin-top: .06rem
    }

    .qui-name-abt {
        text-align: center;
        margin-bottom: .2rem;
        text-align: center !important;
        font-size: .14rem
    }

    .qui-aboutbox1 .quiflexbox > .quill {
        padding: 0;
        width: 100%;
        margin-bottom: .3rem
    }

    .box202209042046 h3 {
        font-size: .2rem
    }

    .qui-aboutbox1 .quiflexbox {
        flex-direction: column
    }

    .box202209042046 .quitab td {
        padding: .15rem
    }

    .box202209042046 .quitab tr td:first-child {
        padding: .15rem;
        width: 1.2rem
    }

    .qui-aboutbox1 .quiflexbox > .quirr {
        margin: 0 auto
    }

    .quiflexbox202209042119 {
        flex-direction: column
    }

        .quiflexbox202209042119 > .quirr {
            width: 100%;
            padding: .3rem 2vw;
            text-align: center
        }

        .quiflexbox202209042119 .DLLIST .dd {
            padding: .12rem .1rem
        }

            .quiflexbox202209042119 .DLLIST .dd .qui1 b {
                font-size: .3rem
            }

    .qui-aboutbox2 .quibox {
        width: 100%;
        padding: 0
    }

    .qui-aboutbox2 .ULLIST .li .qui-pic {
        border-radius: .15rem .15rem 0 0
    }

    .qui-aboutbox2 .ULLIST .li .quiinfo {
        margin: 0;
        border-radius: 0 0 .15rem .15rem;
        padding: .2rem .2rem
    }

    .qui-aboutbox2 .ULLIST .li .quiico {
        z-index: -1;
        max-height: 1rem;
        right: -.1rem;
        bottom: -.1rem
    }

    .qui-aboutbox2 .quiboxinfo {
        margin-bottom: .24rem
    }

    .qui-aboutbox3 .ULLIST .li .quit1 time {
        font-size: .26rem
    }

    .qui-aboutbox3 .ULLIST .li .quit1 {
        margin-bottom: .12rem
    }

    .qui-aboutbox4 .qui-name-abt {
        margin-bottom: .2rem;
        flex-direction: column
    }

        .qui-aboutbox4 .qui-name-abt > .quirr {
            justify-content: center;
            margin-top: .2rem
        }

            .qui-aboutbox4 .qui-name-abt > .quirr .quia {
                min-width: 0;
                margin: .05rem;
                padding: 0 .2rem
            }

    .qui-aboutbox4 .ULLIST .li .qui-hover {
        border-radius: .1rem
    }

    .qui-aboutbox4 .ULLIST .li .qui-abox {
        border-radius: .05rem
    }

    .qui-aboutbox4 .ULLIST .li .quitxt {
        padding: .12rem
    }

    .qui-aboutbox.qui-aboutbox5 .swiper-pagination {
        margin-top: .2rem
    }

    .qui-aboutbox5 .ULLIST .li {
        width: 50%
    }

    .qui-home-abt {
        display: flex;
        flex-direction: column
    }

        .qui-home-abt .quill {
            position: relative;
            width: 100%;
            height: 0;
            padding-bottom: 50%
        }

        .qui-home-abt .quiplay {
            width: .56rem;
            height: .56rem;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%)
        }

        .qui-home-abt .quirr {
            margin: 0;
            padding: .3rem 2vw
        }

        .qui-home-abt .quiinfo {
            flex-direction: column
        }

        .qui-home-abt .quilll {
            padding: 0;
            text-align: center
        }

        .qui-home-abt .quiname3 {
            font-size: .2rem
        }

        .qui-home-abt .quiname2 {
            font-size: .2rem
        }

        .qui-home-abt .quiname3:after {
            height: .02rem;
            left: 25%;
            width: 50%
        }

        .qui-home-abt .quiname {
            font-size: .26rem;
            text-align: center
        }

        .qui-home-abt .quitxt {
            height: auto
        }

        .qui-home-abt .quirr {
            padding: .3rem 2vw .4rem
        }

        .qui-home-abt .quirrr .DLLIST {
            padding-top: .2rem
        }

            .qui-home-abt .quirrr .DLLIST .dd {
                text-align: center;
                padding: .12rem
            }

                .qui-home-abt .quirrr .DLLIST .dd .qui1 b {
                    font-size: .3rem
                }

    .qui-home-adv .qui-pic,
    .qui-home-adv .quibox {
        border-radius: 0;
        margin: 0
    }

    .qui-home-adv .DLLIST {
        position: relative;
        padding: 0;
        bottom: 0;
        justify-content: flex-start;
        padding: 1vw
    }

        .qui-home-adv .DLLIST .dd {
            width: 50%;
            min-width: 0;
            margin: 0 !important;
            border: 0;
            padding: 1vw
        }

            .qui-home-adv .DLLIST .dd.on {
                width: 50%
            }

                .qui-home-adv .DLLIST .dd.on .quihover {
                    min-height: 0
                }

            .qui-home-adv .DLLIST .dd .quihover {
                display: block;
                z-index: 10;
                position: relative;
                min-height: 0;
                border-radius: .1rem;
                transform: translateX(0%) translateY(0%) !important;
                left: auto;
                top: auto
            }

            .qui-home-adv .DLLIST .dd .qui-ddbox > .quicn {
                display: none
            }

            .qui-home-adv .DLLIST .dd .qui-ddbox > .quien {
                display: none
            }

    .qui-homeflex {
        flex-direction: column;
        justify-content: center
    }

    .qui-home-name {
        text-align: center
    }

        .qui-home-name .quimm {
            max-width: 100%;
            width: 100%;
            text-align: center;
            margin-top: .1rem
        }

    .qui-homeflex .tab202209052232 {
        margin-top: .2rem;
        width: 100%;
        justify-content: center
    }

        .qui-homeflex .tab202209052232 .quia {
            margin: .025rem
        }

    .qui-home-pro {
        padding-top: .4rem !important
    }

        .qui-home-pro .ULLIST .li .qui-pic {
            border-radius: .1rem
        }

    .qui-home-msg > .quiflexbox {
        flex-direction: column;
        position: relative;
        padding-bottom: .6rem
    }

    .qui-homebox .qui-more-all {
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -.8rem
    }

    .qui-home-msg > .quiflexbox > .quill {
        width: 100%;
        max-width: 100%;
        padding: 0;
        text-align: center;
        margin: 0
    }

    .qui-home-part .quibox {
        padding: 0
    }

    .qui-home-part .ULLIST {
        height: 2.2rem
    }

    .qui-home-adv {
        background: #eff3f0
    }

        .qui-home-adv .qui-home-name {
            width: 100%;
            left: 0;
            top: 0;
            max-width: 100%;
            position: relative
        }
}

.qui-productall {
    overflow: hidden
}

.qui-tt-list .qui-hover {
    display: block;
    overflow: hidden;
    line-height: 54px;
    border-bottom: 1px solid #eee
}

    .qui-tt-list .qui-hover time {
        float: right;
        padding-left: 5px
    }

    .qui-tt-list .qui-hover .qui-dot {
        margin-right: 80px;
        display: block
    }

.sitemap li {
    padding: 2% 0;
    border-bottom: solid 1px #333
}

    .sitemap li span {
        font-size: 16px
    }

.sitemap dl {
    padding: 1% 0 0
}

.sitemap dt {
    display: inline-block;
    opacity: 0.8;
    padding-right: 20px
}

.qui-news-info {
    background: #f5f5f5;
    padding: .6rem 1.2rem .8rem
}

    .qui-news-info .qui-newstt {
        font-size: .28rem;
        line-height: 1.4;
        color: #050505;
        text-align: center;
        font-weight: bold
    }

    .qui-news-info .qui-newstm {
        color: #888;
        text-align: center;
        padding: .15rem 0 .25rem;
        border-bottom: 1px solid #e5e5e5;
        font-size: .18rem
    }

        .qui-news-info .qui-newstm .span {
            display: inline-block;
            vertical-align: top;
            font-size: .16rem;
            padding: 0 .07rem
        }

    .qui-news-info .qui-newsinfo {
        padding: .3rem .5rem;
        margin: 0 auto;
        line-height: .28rem;
        color: #333;
        text-align: justify
    }

        .qui-news-info .qui-newsinfo p {
            min-height: .2rem
        }

    .qui-news-info .qui-newsback {
        text-align: center;
        flex-shrink: 0
    }

        .qui-news-info .qui-newsback a {
            display: inline-block;
            vertical-align: top;
            min-width: 1.4rem;
            text-align: center;
            line-height: .5rem;
            border-radius: .5rem;
            color: #fff;
            background: linear-gradient(to right,#2497a3,#81d8cf);
            padding: 0 .2rem;
            font-size: .16rem
        }

            .qui-news-info .qui-newsback a i {
                display: inline-block;
                vertical-align: top;
                padding-right: .3rem;
                background: url(../images/ico_back.svg) right center no-repeat;
                background-size: auto .12rem
            }

    .qui-news-info .qui-newsbtn {
        flex: 1;
        padding-right: .2rem
    }

        .qui-news-info .qui-newsbtn a {
            color: #696969
        }

            .qui-news-info .qui-newsbtn a:hover {
                color: #0c747f
            }

        .qui-news-info .qui-newsbtn .dl {
            margin-bottom: .1rem
        }

    .qui-news-info .quibtn {
        display: flex;
        justify-content: space-between;
        border-top: 1px solid #e5e5e5;
        padding-top: .3rem;
        align-items: center
    }

.qui-logo-list .ULLIST {
    overflow: hidden;
    margin: -1%
}

    .qui-logo-list .ULLIST .li {
        width: 16.666666666666%;
        float: left;
        padding: 1%;
        text-align: center
    }

        .qui-logo-list .ULLIST .li .qui-ytable-cell {
            text-align: center;
            height: 80px;
            border: 1px solid #eee;
            padding: 5px
        }

            .qui-logo-list .ULLIST .li .qui-ytable-cell img {
                max-height: 70px
            }

        .qui-logo-list .ULLIST .li .h3 {
            font-size: 16px;
            color: #333;
            font-weight: normal;
            margin-top: 8px
        }

        .qui-logo-list .ULLIST .li a:hover .h3 {
            color: #0c747f
        }

        .qui-logo-list .ULLIST .li a {
            display: block
        }

@media(max-width:1024px) {
    .qui-logo-list .ULLIST .li {
        width: 25%
    }

    .qui-news-info {
        padding: .24rem
    }

        .qui-news-info .qui-newsinfo {
            padding: .24rem 0
        }

            .qui-news-info .qui-newsinfo p {
                min-height: .1rem
            }

        .qui-news-info .qui-newstt {
            font-weight: normal;
            font-size: .22rem
        }
}

@media(max-width:640px) {
    .qui-logo-list .ULLIST .li {
        width: 33.333333%
    }
}

@media(max-width:480px) {
    .qui-logo-list .ULLIST .li {
        width: 50%
    }

        .qui-logo-list .ULLIST .li .h3 {
            font-size: 14px;
            margin-top: 5px
        }

        .qui-logo-list .ULLIST .li .qui-ytable-cell img {
            max-height: 60px
        }

        .qui-logo-list .ULLIST .li .qui-ytable-cell {
            height: 70px
        }
}

.qui-product-page {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: .03rem solid #f5f5f5;
    margin-top: .6rem;
    padding-top: .3rem
}

    .qui-product-page a {
        min-width: 1.6rem;
        padding: 0 .24rem;
        line-height: .6rem;
        border-radius: .6rem;
        text-align: center;
        background: #f5f5f5;
        max-width: 31%
    }

@media(max-width:640px) {
    .qui-product-page {
        margin-top: .3rem
    }

        .qui-product-page a {
            min-width: 1.4rem
        }
}
.pro-list {
    width: 85%;
}

@media(max-width:1024px) {
        .pro-list {
            width: 96%;
    }
}